<script setup lang="ts">
//响应式数据对象 reactive只能包复杂的数据 对象、数组、对象数组
// 通过导入vue中的reactive 让他可以数据改变视图
//复杂的数据 ：对象/数组
import { reactive } from "vue";

const obj = reactive({
  name: "aaa",
  age: 12,
});

const oneYear = () => {
  obj.age++;
};
</script>

<template>
  <div>
    <div>姓名：{{ obj.name }},年龄：{{ obj.age }}</div>
    <button @click="oneYear">过了一年</button>
  </div>
</template>

<style scoped></style>
